<!DOCTYPE html>
<html lang="en">
<!-- 工艺雕塑第三套 1-4 -->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <style>
        .info_list_box {
            margin-left: -30px;
            margin-right: -30px;
        }

        .info_list_box {
            display: flex;
            flex-wrap: wrap;
        }

        .info_list_box_left,
        .info_list_box_right {
            flex: 33.3333%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
        }


        .info_list_box_center {
            flex: 33.3333%;

        }


        .info_list_box_item {
            padding: 30px;
            transition: all .4s ease-out;
        }

        .info_list_box_item:hover {
            box-shadow: 0 0 22px rgb(0 0 0 / 12%);
        }

        .info_list_box_item:hover .info_list_box_item_title h3,
        .info_list_box_item2:hover .info_list_box_item2_title h3 {
            color: var(--c_theme);
        }

        .info_list_box_item_title {
            display: flex;
            justify-content: space-between;

        }

        .info_list_box_item_title h3,
        .info_list_box_item2_title h3 {
            font-size: var(--f_text);
            line-height: var(--l_text);
            color: var(--c_text);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            transition: all .4s ease-out;
        }

        .info_list_box_item_title p,
        .info_list_box_item2_title p {
            font-size: var(--f_notes);
            line-height: var(--l_notes);
            color: var(--c_time);
        }

        .info_list_box_item_conten span,
        .info_list_box_item2_conten span {
            color: var(--c_tips);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .info_list_box_item_conten,
        .info_list_box_item2_conten {
            margin-top: 18px;
        }

        .info_list_box_item2 {
            padding: 25px;
            transition: all .4s ease-out;
            margin-top: 24px;
        }

        .info_list_box_item2:hover {
            box-shadow: 0 0 22px rgb(0 0 0 / 12%);
        }

        .info_list_box_item2_img img {
            width: 100%;
        }

        .info_list_box_item2_title h3 {
            margin-top: 20px;
            margin-bottom: 9px;
        }

        .info_list_box_center .info_list_box_item2:nth-child(1) {
            margin-top: 0;
        }

        @media screen and (max-width:768px) {
            .info_list_box {
                display: block;
            }

            .info_list_box {
                margin-left: 0;
                margin-right: 0;
            }

            .info_list_box_item {
                padding: 0;
            }

            .info_list_box_item_title {
                display: block;
            }

            .info_list_box_item_conten,
            .info_list_box_item2_conten {
                margin-top: 10px;
            }

            .info_list_box_item2 {
                margin-top: 10px !important;
                padding: 0;
            }

            .info_list_box_item2_img img {
                height: 145px;
            }

            .info_list_box_center {
                display: flex;
                margin-top: 20px;
            }

            .info_list_box_center .info_list_box_item2_img img {
                height: 70px;
            }

            .info_list_box_center .info_list_box_item2 {
                flex: 50%;
                padding: 0 6px;
            }

            .info_list_box_item2_title h3 {
                margin-bottom: 0;
            }

            .info_list_box_right .info_list_box_item_title {
                margin-top: 20px;
            }

            .info_list_box_item:hover {
                box-shadow: 0 0 0px rgb(0 0 0 / 12%);
            }
        }
    </style>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/bootstrap4.5.min.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>

</head>

<body>
    <div class="info_list layout2 public_width title_center modular">
        <div class="public_width">
            <div class="public_title">
                <h2>“BEGINNER'S GUIDE”</h2>
                <p>新手指南</p>
            </div>
            <div class="info_list_box">
                <div class="info_list_box_left">
                    <div class="info_list_box_item">
                        <div class="info_list_box_item_title ">
                            <h3>企业标志LOGO设计有哪些事项是需要忌讳和注意的</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item_conten">
                            <span>设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...</span>
                        </div>
                    </div>
                    <div class="info_list_box_item2">
                        <div class="info_list_box_item2_img">
                            <img src="../images/textImg.jpg" alt="">
                        </div>
                        <div class="info_list_box_item2_title ">
                            <h3>商会组织参加“中外知名企业丰台行”活动</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item2_conten">
                            <span>6月19日，主题为“拨云·见日”的“一起拍电影权力榜”颁奖典礼在上海举行。典礼上，荣膺“具有影响力电影出品公司”，导演也凭借影片获“具有商业价值导演”荣誉。副董事长、CEO先生作为特别嘉宾出席并致辞。他首先感谢了大家的关注和认可，并表示行业近期遭遇了一系列过度解读…</span>
                        </div>
                    </div>
                </div>
                <div class="info_list_box_center">

                    <div class="info_list_box_item2">
                        <div class="info_list_box_item2_img">
                            <img src="../images/textImg.jpg" alt="">
                        </div>
                        <div class="info_list_box_item2_title ">
                            <h3>商会组织参加“中外知名企业丰台行”活动</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item2_conten">
                            <span>6月19日，主题为“拨云·见日”的“一起拍电影权力榜”颁奖典礼在上海举行。典礼上，荣膺“具有影响力电影出品公司”，导演也凭借影片获“具有商业价值导演”荣誉。副董事长、CEO先生作为特别嘉宾出席并致辞。他首先感谢了大家的关注和认可，并表示行业近期遭遇了一系列过度解读…</span>
                        </div>
                    </div>
                    <div class="info_list_box_item2">
                        <div class="info_list_box_item2_img">
                            <img src="../images/textImg.jpg" alt="">
                        </div>
                        <div class="info_list_box_item2_title ">
                            <h3>商会组织参加“中外知名企业丰台行”活动</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item2_conten">
                            <span>6月19日，主题为“拨云·见日”的“一起拍电影权力榜”颁奖典礼在上海举行。典礼上，荣膺“具有影响力电影出品公司”，导演也凭借影片获“具有商业价值导演”荣誉。副董事长、CEO先生作为特别嘉宾出席并致辞。他首先感谢了大家的关注和认可，并表示行业近期遭遇了一系列过度解读…</span>
                        </div>
                    </div>
                </div>
                <div class="info_list_box_right">

                    <div class="info_list_box_item">
                        <div class="info_list_box_item_title ">
                            <h3>企业标志LOGO设计有哪些事项是需要忌讳和注意的</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item_conten">
                            <span>设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...设计商标和徽志，首先要考虑一些重要原则。下面试探讨几个要点：1、识别性。商标须有独特的个性，容易使公众认识及记忆，...</span>
                        </div>
                    </div>
                    <div class="info_list_box_item2">
                        <div class="info_list_box_item2_img">
                            <img src="../images/textImg.jpg" alt="">
                        </div>
                        <div class="info_list_box_item2_title ">
                            <h3>商会组织参加“中外知名企业丰台行”活动</h3>
                            <p>2019-11-25</p>
                        </div>
                        <div class="info_list_box_item2_conten">
                            <span>6月19日，主题为“拨云·见日”的“一起拍电影权力榜”颁奖典礼在上海举行。典礼上，荣膺“具有影响力电影出品公司”，导演也凭借影片获“具有商业价值导演”荣誉。副董事长、CEO先生作为特别嘉宾出席并致辞。他首先感谢了大家的关注和认可，并表示行业近期遭遇了一系列过度解读…</span>
                        </div>
                    </div>
                </div>
            </div>


        </div>

    </div>

</body>

</html>